<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="description" content="Indiefilm Productions Studio Management System" />
<meta name="keywords" content="" />

<title>Indiefilm Studio Management System</title>
<link href="../../css/layout.css" rel="stylesheet" type="text/css" media="all" />
<link href="../../css/typography.css" rel="stylesheet" type="text/css" media="all" />
<link href="../../css/form.css" rel="stylesheet" type="text/css" media="all" /> 
<link rel="shortcut icon" href="../../favicon.ico" />
<link href="../../js/css/smoothness/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css"/>
<script src="../../js/jquery-1.4.3.min.js"></script>
<script src="../../js/jquery-ui-1.8.5.custom.min.js"></script>
<script type="text/javascript" src="../../js/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="../../js/fancybox/jquery.fancybox-1.3.1.js"></script>
<link rel="stylesheet" type="text/css" href="../../js/fancybox/jquery.fancybox-1.3.1.css" media="screen" />   
<script type='text/javascript' src='../../js/popframe.js'></script>
    
   

</head>

<body>
<div id="Outer">
    <div id="Header">
        <div class="header-inner">
            <h1><img src="../../images/blackcurrent-logo.jpg" alt="Logo" /></h1>
            
            <div class="topTabContainer">
            	<div class="topTabSearch">Today is Wed, 4 Aug 10 - Hi Borden Li, <a href="#">Logout</a></div>
            </div>
            
            
            <div class="navContainer">
                <div id="nav-level-one">
                    <h2>Indiefilm Productions</h2>
                </div><!--Navigation Ends-->
        </div><!--navContainer Ends-->
        
        
        </div><!--header-inner Ends-->	
    </div><!--Header-->

        
 <div id="nav_two_level" class="nav_container">
 <div class="nav_container_inner">
	<ul id="nav">
        <li><a href="photo-bookings-list.html" class="current"><span></span><strong>Jobs</strong></a></li>
        <!--<li><a href="photo-album.html"><span></span><strong>Album Orders</strong></a></li> --><li><a href="photo-clients.html"><span></span><strong>Manage</strong></a></li>
        <li><a href="photo-accounts-invoice-open.html"><span></span><strong>Accounts</strong></a></li>
    </ul>
      <ul id="nav_second_level">
        <li><a href="photo-bookings-cal.html"><span></span><strong>Calendar</strong></a></li>
        <li><a href="photo-bookings-list.html"><span></span><strong>Appointment List</strong></a></li>
        <li><a href="photo-bookings-open.html"><span></span><strong>Open Jobs</strong></a></li>
        <li><a href="photo-bookings-closed.html"><span></span><strong>Closed Jobs</strong></a></li>
    </ul>
</div><!--nav_container_inner Ends-->  
</div><!--nav_two_level Ends-->  
        
<div class="clear"></div>        

  <div class="toolbar">
<div class="toolbar-inner">
    <ul class="clients_toolbar">
    <li><a href="photo-bookings-details.html"><span class="icon2 history"></span><span class="text link">Job Details</span></a></li>
    <li><a href="photo-bookings-billing.html" class="current"><span class="icon cryan"></span><span class="text link">Billing</span></a></li>
    <li><a class="print" href="javascript:window.print();"><span class="icon print"></span><span class="text link">Print</span></a></li>	
    </ul>
</div><!--toolbar-inner Ends-->
</div><!--toolbar Ends-->
<div class="clear"></div>

    <div class="main-bg">
            
        <div id="Layout">
            <div class="inner-layout">	
                <div class="typography">
                   
                    
                    <div id="sideBar">
                    <div class="sideModule">
                        <div>
                        <a href="photo-bookings-details.html"><img src="../../images/bck_btn.png" class="action-btn" alt="Back"></a>
                      </div>
                    </div><!--sideModule-->    

     
      
      <div class="sideModule">
      <h4>Client Details</h4>
      <h5>Maya Lyon</h5>
      <p>9 Ernest Rd, Hamilton 3214<br />
        Phone: 07 4897145<br />
        Mobile: 021 443 054<br />
        Email: ctimpany@cs.waikato.ac.nz      </p>
</div> 
      <!--sideModule-->
      	
 
 
                    </div> <!--sidebar-->
                    
                    <div class="contentLayout"><!--contentList Ends--><!--content-->
     <h3>Charge Details</h3>
<div class="contentBox">
                        <div class="inner">     
                       
                         <!--<div id="flash" class="error">Form Error Report Style</div>-->            
                        <div class="form-container"> 
<table class="wide row" id="estimate_info_table">
      <thead>
        <tr>
          <th class="description">Item Name &amp; Description <a data-tip="Use a colon ':' to break the item name and the description when entering your item details and saving the item for reuse. e.g. Web Design: WordPress CMS Template Design and Development" rel="tip" href="#"><img alt="Help" src="../../images/help.png"></a></th>
          <th class="quantity">Qty.</th>
          <th class="unit_price">Price Per Unit</th>
          <th id="total_header" class="total_money">Total</th>
          <th class="action last"></th>
        </tr>
      </thead>
      <tbody id="line_items" class="ui-sortable">
        <script type="text/javascript">
//&lt;![CDATA[
Invoice.lineHTML = '&lt;tr class=\"line_item\"&gt;\n  &lt;td class=\"name_and_description_field\"&gt;&lt;textarea class=\"description\" cols=\"35\" id=\"invoice_line_items_attributes_0_name_and_description\" name=\"invoice[line_items_attributes][0][name_and_description]\" placeholder=\"Type item name to find existing or enter details for a new\" rows=\"2\"&gt;&lt;\/textarea&gt;\n  &lt;\/td&gt;\n  &lt;td class=\"quantity_field draggable\"&gt;&lt;input class=\" quantity numeric\" id=\"invoice_line_items_attributes_0_quantity\" name=\"invoice[line_items_attributes][0][quantity]\" size=\"30\" type=\"text\" /&gt;&lt;\/td&gt;\n  &lt;td class=\"units_field  draggable\"&gt;\n    &lt;input class=\" numeric unit_price money\" id=\"invoice_line_items_attributes_0_price\" name=\"invoice[line_items_attributes][0][price]\" size=\"30\" type=\"text\" value=\"0.00\" /&gt;&lt;span&gt; / &lt;\/span&gt;\n    &lt;input class=\" unit\" id=\"invoice_line_items_attributes_0_unit\" name=\"invoice[line_items_attributes][0][unit]\" size=\"30\" type=\"text\" value=\"item\" /&gt;\n  &lt;\/td&gt;\n  &lt;td class=\"last line_total draggable\"&gt;0.00&lt;\/td&gt;\n\n  &lt;td class=\"line_actions draggable\"&gt;\n    &lt;div class=\"line_actions_button\"&gt;\n      &lt;p class=\"line_action_image\"&gt;&lt;a class=\"line_action_link\" href=\"#\"&gt;Actions&lt;\/a&gt;&lt;\/p&gt;\n      &lt;p class=\"line_actions_box\" style=\"display:none;\"&gt;\n        &lt;a href=\"#\" class = \"delete_line\"&gt;Delete Row&lt;\/a&gt;&lt;br/&gt;\n        &lt;a href=\"#\" class=\"save_line\"&gt;Save Item for Reuse&lt;\/a&gt;\n      &lt;\/p&gt;\n    &lt;\/div&gt;\n\n    \n    &lt;input class=\"sort_order_field\" id=\"invoice_line_items_attributes_0_sort_order\" name=\"invoice[line_items_attributes][0][sort_order]\" type=\"hidden\" /&gt;\n  &lt;\/td&gt;\n&lt;\/tr&gt;\n'
//]]&gt;
</script>
        

         <tr class="line_item">
  <td class="name_and_description_field"><textarea rows="2" placeholder="Type item name to find existing or enter details for a new" name="invoice[line_items_attributes][1][name_and_description]" id="invoice_line_items_attributes_1_name_and_description" cols="35" class="description" style="color: rgb(204, 204, 204); overflow: hidden; display: block; height: 36px;" data-selected-val="-1"></textarea><div class="suggestion_results_list" style="display: none;"></div>
  </td>
  <td class="quantity_field draggable"><input type="text" size="30" name="invoice[line_items_attributes][1][quantity]" id="invoice_line_items_attributes_1_quantity" class=" quantity numeric"></td>
  <td class="units_field  draggable">
    <input type="text" value="0.00" size="15" name="invoice[line_items_attributes][1][price]" id="invoice_line_items_attributes_1_price" class=" numeric unit_price money"><span> / </span>
    <input type="text" value="item" size="15" name="invoice[line_items_attributes][1][unit]" id="invoice_line_items_attributes_1_unit" class=" unit">
  </td>
  <td class="last line_total draggable">0.00</td>

  <td class="line_actions draggable">
        <a href="#"><span class="icon3 minus"></span></a><a class="delete_line" href="#"></a><br>
  </td>
</tr><tr id="lines_control_row">
           <td id="new_line" class="plain" colspan="5"><a id="add_item" href="#">Add New Line</a></td>
         </tr>

        <tr id="lines_control_row">
           <td id="new_line" class="plain" colspan="5">
	
              <table class="wide row" id="pay_summary">
                      <tbody>
                        <tr id="sub_total_row">
                          <td>Sub-Total</td>
                          <td class="pay_input">&nbsp;</td>
                          <td>&nbsp;</td>
                          <td class="last" id="sub_total_value">$0.00</td>
                        </tr>

                  
                 <tr id="discount_row">
                   <td>Discount</td>
                   <td class="pay_input"><input type="text" value="0.00" size="4" name="invoice[discount]" id="invoice_discount" class="discount numeric"></td>
                       <td class="alignright"><a data-tip="You can enter an explicit value(i.e. $10.00) or as a percentage(10%)" rel="tip" href="#"><img alt="Help" src="../../images/help.png"></a></td>
                   <td id="discount_value" class="last">$0.00</td>
                 </tr>
               

                
                 <tr id="tax_row">
                   <td>VAT</td>
                   <td class="pay_input"><input type="text" value="0.00" size="4" name="invoice[tax]" id="invoice_tax" class="tax numeric"></td>
                       <td class="alignright"><a data-tip="You can enter an explicit value(i.e. $10.00) or as a percentage(10%)" rel="tip" href="#"><img alt="Help" src="../../images/help.png"></a></td>
                   <td id="tax_value" class="last">$0.00</td>
                 </tr>
                

                

                

                <tr id="final_total_row">
                      <td class="final_td"><strong>Total</strong></td>
                      <td class="final_td pay_input"></td>
                      <td class="final_td"></td>
                      <td class="final_td last" id="final_total_value">$0.00</td>
                  </tr>
                      </tbody>			
                  </table>

            </td>
		</tr>
       </tbody>
     </table>
     
     <div class="buttonrow">
        <input type="image" src="../../images/save_btn.png" id="Submit" class="action-btn" alt="Save"><span class="cancel"> or <a href="http://demo.curdbee.com/clients">Cancel</a></span>
  	  </div>


<div class="buttonrow">
        <input type="image" src="../../images/modify_btn.png" id="modify_submit" class="action-btn" alt="Modify"><span class="cancel"> or <a href="photo-clients.html">Cancel</a></span>
  	  </div>  
</div><!--form Container Ends-->              

      
                        </div><!--inner Ends-->
                  </div><!--contentBox Ends-->             
               
                   
                    </div><!--content Layout Ends-->
                                
                </div><!-- typography Ends -->	
            </div><!-- inner-layout Ends -->
        </div><!-- Layout Ends -->
    
    </div><!-- main-bg Ends -->
    

    <div id="Footer">
    
        <div class="footer-tools">
            <ul class="footer-tools-list">
            <li>Website Designed by Indiefilm Productions</li>
            <li class="print"><a href="javascript:print();">Print this page</a></li>
            <!--<li class="email"><a href="#">Email this page</a></li>-->
            <li class="top"><a href="#Header">Page top</a></li>
            <li><a href="#">Logout</a></li>
            </ul>
        </div>
       
         

    </div><!-- Footer Ends -->
    
</div> <!--Outer Ends -->

     



</body>
</html>
